<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Title</title>
</head>
<body>
<script>
    // 这是浏览器原生支持的WebSocket API，在支持HTML5标准的浏览器上可以直接使用
    var ws = new WebSocket('ws://localhost:3000')

    // 当连接成功后就可以发送消息了
    ws.onopen = function() {
        console.log('连接已建立')
        ws.send('这是客户端发出的信息')
    }
    // 收到消息后做对应的处理
    ws.onmessage = function(e) {
        console.log(e.data)
    }</script></body></html>

</body>
</html>